
<template>
  <el-dialog
    :title="title"
    :visible.sync="setDialogShow"
    :before-close="closeIsShow"
  >
    <slot name="body" />
    <span slot="footer" class="dialog-footer">
      <el-button class="close" @click="closeIsShow">取 消</el-button>
      <el-button class="uncertainty " type="primary" @click="$emit('setInfoIsOk')">确 定</el-button>
    </span>
  </el-dialog>

</template>
<script>
export default {
  props: {
    setDialogShow: {
      type: Boolean,
      default: false
    },
    title: {
      type: String,
      required: true
    }
  },
  data() {
    return {
    }
  },
  methods: {
    closeIsShow() {
      this.$emit('update:setDialogShow', false)
    }
  }
}
</script>
<style scoped lang='less'>
/deep/.el-dialog{
  position: relative;
  width: 630px;
  border-radius: 10px;
  .el-dialog__header {
   border-radius: 10px;
   line-height: 22px;
   font-size: 16px!important;
   font-weight: 600!important;
   height: 52px;
   background-color: #fff!important;
   .el-dialog__title{
     color: #333!important;
   }
  }
   .el-dialog__close{
    color: #909399!important;
    &:before{
     color: #909399!important;
    }
   }
   .el-dialog__body{
    padding: 20px 20px 30px;
    .el-table{
      overflow: auto;
    }
    .el-table::before{
      height: 0!important;
    }
   }
 .el-table__row>td{
  /* 去除表格线 */
  border: none!important;
}
   .el-dialog__footer{
    padding: 0 20px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    .close{
      width: 80px!important;
      height: 36px;
      color: #655b56!important;
      background-color: #fbf4f0!important;
     &:hover{
      color: #655b56!important;
      background-color: #f3e7e1!important;
      }
     }
     .uncertainty{
      width: 80px!important;
      height: 36px;
      background: linear-gradient(135deg,#ff9743,#ff5e20)!important;
      border: none;
      &:hover{
       background: linear-gradient(135deg,#ff7d43,#db3602)!important
      }
     }
   }
}
 .el-table::-webkit-scrollbar {
       display: none;
  }
</style>
